<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" 
	  template="/template/template.xhtml"
      xmlns:h="http://java.sun.com/jsf/html"     
      xmlns:p="http://primefaces.org/ui"  
      xmlns:f="http://java.sun.com/jsf/core" >
        
    <ui:define name="uiCenterLeft">
		<div class="cabecalhoperolas">
			<div class="tituloperolas">
				<p>Per<label>o</label>las</p>
				<h:outputText value="#{usuarioBean.usuario} seja bem vindo!" style="font-size:12px;margin-right:300px;"/>
			</div> 		

			<div class="central">
				<div class="preview">
					<a id="leftControl" class="rolar"><img class="seta setaesquerda" title="Anterior" alt="Anterior" src="#{request.contextPath}/resources/images/seta.png" /></a>
				</div>
				<div class="contentperolas">
					<div class="tituloconteudo">
						<div class="nomesperolas">
							<h2 class="nomeperola">1 - Fabiano</h2>
							<h2 class="nomeperola">2 - Fabiano</h2>
							<h2 class="nomeperola">3 - Fabiano</h2>
						</div>
						<div class="listaperola">
							<div  class="itemperola">Primeira perola Primeira perola Primeira perola Primeira perola</div>
							<div  class="itemperola">perola do fabiano</div>
							<div  class="itemperola">segunda perola do fabiano</div>
							
						</div>
					</div>
					<div class="paginacaoperolas">
					
					</div>
				</div>
				<div  class="next">
					<a id="rightControl" class="rolar2"><img class="seta" title="Proxima" alt="Anterior" src="#{request.contextPath}/resources/images/seta.png" /></a>
				</div>
			</div>
		</div>
   </ui:define>




</ui:composition>

